<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>关于我们</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/vue.min2.2.js"></script>
		<script type="text/javascript" src="js/axios.min.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/polyfill.min.js"></script>

		<style>
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
		</style>
	</head>

	<body style="background: #F9F7EC;">
		<script src="js/mui.min.js"></script>
		<script>
			// 监听tap事件，解决 a标签 不能跳转页面问题
			mui('body').on('tap', 'a', function() {
				document.location.href = this.href;
			});
		</script>
		<header class="mui-bar mui-bar-nav" style="background: #F9F7EC;">
			<a href="index.html" class="mui-icon mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#000000"></a>
			<h1 class="mui-title">关于我们</h1>
		</header>
		<div class="mui-content" style="background: #F9F7EC;" id="app">

			<div class="title">
				{{message}}
				</br>
				&nbsp&nbsp&nbsp&nbsp&nbsp{{sites.description}}
				</br>
			</br>
               {{sites.workPlace}}
			</div>
			<div class="title">

				<p>点击下载地标客户端</p>
			</div>
			<ul class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell mui-media">
					<a class="mui-navigate-right" href="https://itunes.apple.com/cn/app/%E5%85%B5%E9%A9%AC%E4%BF%91%E6%99%BA%E6%85%A7%E5%AF%BC%E8%A7%88/id1204185313?mt=8">
						<img class="mui-media-object mui-pull-left" src="images/ios.png">
						<div class="mui-media-body">
							ios 地标客户端下载
							<p class='mui-ellipsis'>点击下载跳转到苹果市场下载app.</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a class='mui-navigate-right' href="http://dl-api.smart-museum.cn:800/download/zhdlbmy.apk">
						<img class="mui-media-object mui-pull-left" src="images/android.png">
						<div class="mui-media-body">
							android 地标客户端下载
							<p class='mui-ellipsis'>点击后直接下载app。</p>
						</div>
					</a>
				</li>

			</ul>
			
			
			</br>
			</br>
		</div>

		<script>
			window.onload = function() {

				var vm = new Vue({
					el: '#app',
					data: {
						message: "",
						sites: []

					},
					methods: {
						getAbout: function() {
							var self = this;
			
							var params = "funcName=aboutUsInfo";//new URLSearchParams(paramsString);
							//params.append('funcName', 'aboutUsInfo')
							//alert(params);
							
							axios.post('curl.php', params).then(function(response) {

									self.sites =response.data.payload.Info;// JSON.parse(JSON.stringify(response.data.payload.Info));
                                    self.message =response.data.payload.msg;// JSON.parse(JSON.stringify(response.data.payload.msg));
									//var s = JSON.prse(response.data.payload.msg);
									//alert(self.message);
									//alert(self.sites);
									//self.sites =obj;
									//var obj = JSON.parse(response.data);
									//console.log(self.sites);
								})
								.catch(function(error) {
									console.log(error);
								});

						},
						rever1: function() {
							var self = this;

							axios.get('1.php').then(function(esponse) {

								self.sites = response.data;
								//message =response.data.toString();
								console.log(self.sites);
								var obj = JSON.parse(response.data);
								alert(obj.length);
								//var persons = response.data;
								//alert(persons.length);

								for(var i = 0; i < persons.length; i++) {
									var cur_person = persons[i];
									//alert(cur_person.sex);
								}

								//self.message = response.data.artid;
								//console.log(self.message);
							}).catch(function(error) {
								console.log(error);
							});

						}

					}
				});

				vm.getAbout();

			}
		</script>
	</body>

</html>